document.addEventListener('DOMContentLoaded', function() {
    // 加载用户信息
    function loadUserInfo() {
        console.log("加载用户信息");
        // 在实际应用中，这里会从服务器或本地存储加载用户信息
        
        // 模拟加载延迟
        setTimeout(() => {
            // 假设这是从API获取的用户数据
            const userData = {
                name: "张三",
                title: "求职意向: Web前端开发",
                avatar: "../images/avatar.svg"
            };
            
            // 更新用户界面
            updateUserInterface(userData);
        }, 500);
    }
    
    // 更新用户界面
    function updateUserInterface(userData) {
        const userName = document.querySelector('.user-name');
        const userTitle = document.querySelector('.user-title');
        const avatar = document.querySelector('.avatar');
        
        if (userName) userName.textContent = userData.name;
        if (userTitle) userTitle.textContent = userData.title;
        if (avatar) avatar.src = userData.avatar;
    }
    
    // 处理选项点击事件
    function setupOptionEvents() {
        const optionItems = document.querySelectorAll('.option-item');
        
        optionItems.forEach(item => {
            item.addEventListener('click', function() {
                const optionText = this.querySelector('span').textContent;
                console.log("点击了选项: " + optionText);
                
                // 为不同选项添加不同逻辑
                switch(optionText) {
                    case "我的简历":
                        // 跳转到简历页面
                        console.log("跳转到简历页面");
                        break;
                    case "收藏职位":
                        // 跳转到收藏职位页面
                        console.log("跳转到收藏职位页面");
                        break;
                    case "投递记录":
                        // 跳转到投递记录页面
                        console.log("跳转到投递记录页面");
                        break;
                    case "设置":
                        // 跳转到设置页面
                        console.log("跳转到设置页面");
                        break;
                }
                
                // 添加点击反馈效果
                this.classList.add('option-clicked');
                setTimeout(() => {
                    this.classList.remove('option-clicked');
                }, 300);
            });
        });
    }
    
    // 处理活动项点击事件
    function setupActivityEvents() {
        const activityItems = document.querySelectorAll('.activity-item');
        
        activityItems.forEach(item => {
            item.addEventListener('click', function() {
                const activityTitle = this.querySelector('.activity-title').textContent;
                console.log("点击了活动: " + activityTitle);
                
                // 这里可以添加点击活动项的跳转逻辑
            });
        });
    }
    
    // 加载活动数据
    function loadActivityData() {
        console.log("加载活动数据");
        // 在实际应用中，这里会从服务器加载活动数据
        
        // 模拟加载延迟
        setTimeout(() => {
            const activityContainer = document.querySelector('.recent-activity');
            if (!activityContainer) return;
            
            // 加载完成后添加一个小动画
            activityContainer.style.opacity = '0';
            activityContainer.style.transform = 'translateY(20px)';
            
            setTimeout(() => {
                activityContainer.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
                activityContainer.style.opacity = '1';
                activityContainer.style.transform = 'translateY(0)';
            }, 100);
        }, 800);
    }
    
    // 添加样式
    function addStyles() {
        const style = document.createElement('style');
        style.textContent = `
            .option-clicked {
                background-color: #f0f0f0;
                transform: scale(0.98);
            }
            
            .activity-item {
                cursor: pointer;
                transition: background-color 0.3s ease;
            }
            
            .activity-item:hover {
                background-color: #f9f9f9;
            }
        `;
        document.head.appendChild(style);
    }
    
    // 页面加载完成后执行初始化
    loadUserInfo();
    setupOptionEvents();
    setupActivityEvents();
    loadActivityData();
    addStyles();
}); 